<script>
export default {
  // 1. 执行时机比 beforeCreate 还早，setup 可以理解为组件的预设
  setup() {
    console.log('setup')
    const logMessage = () => {
      alert('logMessage被执行了')
    }
    // 2. 可以返回一个对象，返回的数据可以在 template 中使用
    return {
      msg: '数据',
      logMessage
    }
  },
  beforeCreate() {
    console.log('beforeCreate')
  },
}
</script>

<template>
  <h1>Hello Vue3</h1>
  <h2>{{ msg }}</h2>
  <p>真棒！</p>
  <button @click="logMessage()">点击按钮</button>
</template>

<style></style>
